<#include "../common/header.htm">
<body>
<div class="content-wrapper">
	<section class="content">
		<div class="row">
			<div class="billStatus-bigCase">
				<li class="bigCase-title">
					<div class="bigCase-stitle">案件名称</div>
					<div class="bigCase-btitle">${caseName!}</div>
				</li>
				<li class="bigCase-totalMoney">
					<div class="bigCase-stitle">导入文件个数</div>
					<div class="bigCase-btitle">${fileNumber!}<span class="bigCase-wan">(个)</span></div>
				</li>
				<li class="bigCase-totalMoney">
					<div class="bigCase-stitle">导入数据量</div>
					<div class="bigCase-btitle">${sumImportNumber!}<span class="bigCase-wan">(条)</span></div>
				</li>
				<li class="bigCase-totalMoney">
					<div class="bigCase-stitle">交易主体数量</div>
					<div class="bigCase-btitle" id="accountNumber"></div>
				</li>
				<li class="bigCase-totalMoney">
					<div class="bigCase-stitle">涉案总金额</div>
					<div class="bigCase-btitle" id="SuTotalAmount"></div>
				</li>
				<li class="billStatus-flowInto">
					<div class="bigCase-stitle">流入金额</div>
					<div class="bigCase-btitle" id="intoTotalAmount"></div>
				</li>
				<li class="billStatus-flowOut">
					<div class="bigCase-stitle">流出金额</div>
					<div class="bigCase-btitle" id="outTotalAmount"></div>
				</li>
			</div>
			<div class="billStatus-chartAnalysis">
				<div class="billStatus-bChartContent">
					<div class="billStatus-barChart">共同交易人分析
						<div class="casemanage-switch casemanage-switchBtn">
							<div class="showD3">
								<button type="button" data-event="d3Show" class="btn btn-primary-fullScreen" title="账单主体交易d3图"></button>
							</div>
						</div>
					</div>
					<div id="main" style="width:100%;height:400px;"></div>
				</div>
				<div class="billStatus-pChartContent">
					<div class="billStatus-pieChart">交易金额占比分析

					</div>
					<div id="billStatus-bingMap" style="width:100%;height:400px;"></div>
				</div>
			</div>
			<div class="billStatus-chartAnalysis">
				<div class="bill-right">
					<form id="listForm">
						<div class="box bg_gray">
							<div class="box-header">
								<div class="row RowSearchWork">
									<div class="col-sm-12">
										<div class="form-group">
											<div class="form-inline">
												<div class="form-group ml10">
													<label class="control-label hidden-xs">交易主体</label>
													<input type="text" class="form-control" id="accountBody" value="" placeholder="" />
												</div>
												<div class="form-group ml10">
													<label class="control-label hidden-xs">交易主体账号</label>
													<input type="text" class="form-control" id="accountBodyNumber" value="" placeholder="" />
												</div>
												<div class="form-group ml10">
													<label class="control-label hidden-xs">交易主体卡号</label>
													<input type="text" class="form-control" id="accountBodyCard" value="" placeholder="" />
												</div>
												<div class="form-group ml10">
													<label class="control-label hidden-xs">交易地点</label>
													<input type="text" class="form-control" id="accountAddress" value="" placeholder="" />
												</div>
												<div class="form-group ml10">
													<label class="control-label">最小金额</label>
													<input type="text" class="form-control" id="minmoney" name="minmoney" value="" placeholder="" />
												</div>
												<div class="form-group ml10">
													<label class="control-label">最大金额</label>
													<input type="text" class="form-control" id="maxmoney" name="maxmoney" value="" placeholder="" />
												</div>
												<div class="form-group ml10">
													<label class="control-label hidden-xs">备注</label>
													<input type="text" class="form-control" id="remarks" value="" placeholder="" />
												</div>
												<div class="form-group ml10  form_z">
													<label class="control-label">交易日期</label>
													<div class="input-group">
														<div class="input-icon-group">
															<input type="text" class="form-control fc-clear form_datetime" id="starTime" />
															<span id="scan" class="glyphicon glyphicon-calendar">
													        </span>
														</div>
													</div>
												</div>
												<div class="form-group ml10 form_z">
													<label class="control-label hidden-xs"> 至 </label>
													<div class="input-group">
														<div class="input-icon-group">
															<input type="text" class="form-control fc-clear form_datetime" id="endTime" />
															<span id="scan" class="glyphicon glyphicon-calendar">
													        </span>
														</div>
													</div>
													<input type="button" class="btn btn-primary" onclick="queryList()" value="分析" />
													<input type="button" class="btn btn-default" onclick="reset();" value="重置" />
													<input type="button" class="btn btn-primary" onclick="exportList();" value="导出" />
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="box-body table-responsive">
								<span id="spantitle" class="title"></span>
								<table id="dg"></table>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</section>
</div>

<script>
	
    /*bootstrap table*/
    function queryList(){
        spantitle.html('<span><a style="cursor:pointer;" onclick="queryList()">账单概况</a></span>');
        firstTable();
    };
    /** 查询交易主体个数 **/
    $.ajax({
        url:'${ctx}/bill/tj/getAccountNumber',
        type:'post',
        async:true,
        dataType:'json',
        success:function (obj) {
        	$("#accountNumber").html(obj+"<span class=\"bigCase-wan\">(个)</span>");
        }
    });
    
    /** 根据案件id查询账单涉嫌总金额、流入金额、流出金额  **/
    $.ajax({
        url:'${ctx}/bill/tj/getTotalMoney',
        type:'post',
        async:true,
        dataType:'json',
        success:function (obj) {
			$("#SuTotalAmount").html(fzTotal(obj.TOTALMONEY));
			$("#intoTotalAmount").html(fzTotal(obj.INMONEY));
			$("#outTotalAmount").html(fzTotal(obj.OUTMONEY));
        }
    });
    
    /** 查询共同交易账户交易次数前十为交易主体,柱状图显示 **/
    $.ajax({
        url:'${ctx}/bill/tj/getCommonAccountEC',
        type:'post',
        async:true,
        dataType:'json',
        success:function (obj) {
            var xAxis = obj.rows.map(m => m.commonAccountRival);
            var echarts_data0 = obj.rows.map(m => m.occurrences);
            showEcharts4Home('共同账户出现次数',xAxis,echarts_data0);
        }
    });
    /** 查询交易金额占比ec显示 **/
    $.ajax({
        url:'${ctx}/bill/tj/getMoneyForEC',
        type:'post',
        async:true,
        dataType:'json',
        success:function (obj) {
            var xAxis = obj.rows.map(m => m.ACCOUNT);
            var dataFor = obj.rows.map(m => {
                let ACCOUNT=m.ACCOUNT;//摘要
                let MONEYPER=m.MONEYPER;//占比
                return {
                    'value':MONEYPER,
                    'name': ACCOUNT
                }
            });
            //饼状图测试
            var myCharts1 = echarts.init(document.getElementById('billStatus-bingMap'));
            var option = {
                title: {
                    x: 'center'
                },
                tooltip: {
                    trigger: 'item',
                    formatter: "{a} <br/>{b} : {c} ({d}%)"
                },
                legend: {
                    orient: 'vertical',
                    left: 'left',
                    data: xAxis
                },
                toolbox: {
                    show : true,
                    feature : {
                        saveAsImage : {show: true}
                    }
                },
                series: [
                    {
                        name: '访问来源',
                        type: 'pie',
                        radius: '55%',
                        center: ['65%', '50%'],
                        data: dataFor,
                        itemStyle: {
                            emphasis: {
                                shadowBlur: 10,
                                shadowOffsetX: 0,
                                shadowColor: 'rgba(0, 0, 0, 0.5)'
                            }
                        }
                    }
                ]
            };
            myCharts1.setOption(option);
            var is_submit=false;
            myCharts1.on('click', function (params) {
        		if(is_submit){
        			return;
        		}
        		is_submit=true;
        		var title = "交易金额占比详情";
        		var j = 0;
        		base.getView({
        			url:"findEcDetails4ZeroInit?accountBody="+params.name,
        			success:function(result){
        				bootbox.dialog({
        					title:title,
        					message:result,
        					boxCss:{"width":"1300px"},
        					closeButton : true
        				})
        				is_submit=false;
        			}
        		});
        	});
        }
    });
    $(".form_datetime").datepicker({
        format: "yyyy-mm-dd",
        autoclose: true,
        language:'zh-CN',
        pickerPosition:"bottom-left"
    });
    $("#listForm").validate({
        rules: {
            minmoney : {
                digits:true
            },
            maxmoney : {
                digits:true
            }
        },
        messages: {
        }
    });
    var spantitle = $("#spantitle");
    spantitle.html('<span><a style="cursor:pointer;" onclick="queryList()">账单概况</a></span>');
    window.onload= firstTable;
    function firstTable(){
    	var accountBody = $.trim($("#accountBody").val());
    	var accountBodyNumber = $.trim($("#accountBodyNumber").val());
    	var accountBodyCard = $.trim($("#accountBodyCard").val());
    	var accountAddress = $.trim($("#accountAddress").val());
    	var remarks = $.trim($("#remarks").val());
    	var minMoney = $.trim($("#minmoney").val());
    	var maxmoney = $.trim($("#maxmoney").val());
    	var starTime = $.trim($("#starTime").val());
    	var endTime = $.trim($("#endTime").val());
   		$('#dg').datagrid({
            url: '${ctx}/bill/tj/billStatusList',//url
			method: 'post',
			queryParams:{//每次请求的参数
				accountBody: accountBody,
				accountBodyNumber: accountBodyNumber,
				accountBodyCard: accountBodyCard,
				accountAddress: accountAddress,
				remarks: remarks,
				minMoney : minMoney,
				maxmoney : maxmoney,
				starTime : starTime,
				endTime : endTime
            },
            loadMsg : '努力加载中...',
            displayMsg:'当前显示从第{from}条到{to}条 共{total}条记录',
            pagination: true,//允许分页
            rownumbers: true,//行号
            singleSelect: false,//只选择一行
            checkOnSelect: false,
            autoRowHeight : false,//定义是否设置基于该行内容的行高度。设置为 false，则可以提高加载性能。
            fitColumns: true,//真正的自动展开/收缩列的大小，以适应网格的宽度，防止水平滚动。
            pageSize:30,
            pageList:[30,50,100,150,200],
			columns: [[
					{
	                    field: 'ACCOUNTBODY',//域值
	                    title: '交易主体',//标题
	                    align : 'center',
	                    sortable: false,//启用排序
						resizable : true
	                },
	                {
	                    field: 'ACCOUNTBODYNUMBER',//域值
	                    title: '交易主体账号',//内容
	                    align : 'center',
	                    resizable : true
	                },
	                {
	                    field: 'ACCOUNTBODYCARD',//域值
	                    title: '交易主体卡号',//内容
	                    align : 'center',
	                    formatter: function(value, row, index){
	                        if (value) {
	                            var html='<a class="like" href="javascript:void(0)" onclick="showAccountBody(\''+value+'\',\''+row.ACCOUNTBODY+'\')">'+value+'</a>'
	                            return html;
	                        }
	                    }
	                },
	                {
	                    field: 'ACCOUNTADDRESS',//域值accountAddress
	                    title: '交易地点',//内容
	                    align : 'center'
	                },
	                {
	                    field: 'TOTALMONEY',//域值
	                    title: '交易总金额',//内容
	                    align : 'center',
	                    sortable: true,//启用排序
	                    formatter:function (value,row,index) {
	                        if(!value) return 0;
	                        if (Number.isInteger(value)) {
	                            return value.toString().replace(/(\d)(?=(\d{3})+$)/g,'$1,');
	                        } else {
	                            return value.toString().replace(/(\d)(?=(\d{3})+\.)/g,'$1,');
	                        }
	                    }
	                },
	                {
	                    field: 'TOTALCOUNT',//域值
	                    title: '交易总次数',//内容
	                    align : 'center',
	                    sortable: true,//启用排序
	                },
	                {
	                    field: 'SURPLUSMONEY',//域值surPlusMoney
	                    title: '交易余额',//内容
	                    align : 'center',
	                    sortable: true,//启用排序
	                    formatter:function (value,row,index) {
	                        if(!value) return 0;
	                        if (Number.isInteger(value)) {
	                            return value.toString().replace(/(\d)(?=(\d{3})+$)/g,'$1,');
	                        } else {
	                            return value.toString().replace(/(\d)(?=(\d{3})+\.)/g,'$1,');
	                        }
	                    }
	                },
	                {
	                    field: 'TOTALMONEY',//域值totalInMoney
	                    title: '净流入额',//内容
	                    sortable: true,//启用排序
	                    align : 'center',
	                    formatter:function (value,row,index) {
	                        if(!value) return 0;
	                        if (Number.isInteger(value)) {
	                            return value.toString().replace(/(\d)(?=(\d{3})+$)/g,'$1,');
	                        } else {
	                            return value.toString().replace(/(\d)(?=(\d{3})+\.)/g,'$1,');
	                        }
	                    }
	                },
	                {
	                    field: 'INMONEY',//域值inMoney
	                    title: '流入金额',//内容
	                    sortable: true,//启用排序
	                    align : 'center',
	                    formatter:function (value,row,index) {
	                        if(!value) return 0;
	                        if (Number.isInteger(value)) {
	                            return value.toString().replace(/(\d)(?=(\d{3})+$)/g,'$1,');
	                        } else {
	                            return value.toString().replace(/(\d)(?=(\d{3})+\.)/g,'$1,');
	                        }
	                    }
	                },
	                {
	                    field: 'OUTMONEY',//域值outMoney
	                    title: '流出金额',//内容
	                    sortable: true,//启用排序
	                    align : 'center',
	                    formatter:function (value,row,index) {
	                        if(!value) return 0;
	                        if (Number.isInteger(value)) {
	                            return value.toString().replace(/(\d)(?=(\d{3})+$)/g,'$1,');
	                        } else {
	                            return value.toString().replace(/(\d)(?=(\d{3})+\.)/g,'$1,');
	                        }
	                    }
	                },
	                {
	                    field: 'BEGINDATE',//域值
	                    title: '开始时间',//内容
	                    sortable: true,//启用排序
	                    align : 'center',
	                    formatter: function(value, row, index){
	                        if(value){
	                            var date = new Date(value);
	                            return formatDate(date, 'yyyy-MM-dd hh:mm:ss');
	                        }else{
	                            return '-';
	                        }
	                    }
	                },
	                {
	                    field: 'ENDDATE',//域值
	                    title: '结束时间',//内容
	                    sortable: true,//启用排序
	                    align : 'center',
	                    formatter: function(value, row, index){
	                        if(value){
	                            var date = new Date(value);
	                            return formatDate(date, 'yyyy-MM-dd hh:mm:ss');
	                        }else{
	                            return '-';
	                        }
	                    }
	                }
			]],
			onHeaderContextMenu: function(e, field){
                e.preventDefault();
                if (!cmenu){
                    createColumnMenu();
                }
                cmenu.menu('show', {
                    left:e.pageX,
                    top:e.pageY
                });
            }
        });
    }
    function showAccountBody(bodynumber,body) {
        if (body != 'null' && body != 'undefined'){
            spantitle.append('<span>/<a onclick="showAccountBody(\''+bodynumber+'\',\''+body+'\')" style="cursor:pointer;">'+body+'</a></span>');
        } else {
            spantitle.append('<span>/<a onclick="showAccountBody(\''+bodynumber+'\',\''+body+'\')" style="cursor:pointer;">'+bodynumber+'</a></span>');
        }
        var accountBody = $.trim($("#accountBody").val());
    	var accountBodyNumber = $.trim($("#accountBodyNumber").val());
    	var accountBodyCard = $.trim($("#accountBodyCard").val());
    	var accountAddress = $.trim($("#accountAddress").val());
    	var remarks = $.trim($("#remarks").val());
    	var minMoney = $.trim($("#minmoney").val());
    	var maxmoney = $.trim($("#maxmoney").val());
    	var starTime = $.trim($("#starTime").val());
    	var endTime = $.trim($("#endTime").val());
        checkedAccount = body+"_"+bodynumber;
		$('#dg').datagrid({
		    method : 'post', // 服务器数据的请求方式 get or post
		    url:"${ctx}/bill/tj/billDetailList",//请求数据url
		    queryParams:{//每次请求的参数
				accountBody: accountBody,
				accountBodyNumber: accountBodyNumber,
				accountBodyCard: accountBodyCard,
				accountAddress: accountAddress,
				remarks: remarks,
				minMoney : minMoney,
				maxmoney : maxmoney,
				starTime : starTime,
				endTime : endTime,
				checkedAccount:checkedAccount
            },
            loadMsg : '努力加载中...',
            pagination: true,//允许分页
            rownumbers: true,//行号
            singleSelect: false,//只选择一行
            pageSize: 20,//每一页数据数量
            checkOnSelect: false,
            autoRowHeight : false,//定义是否设置基于该行内容的行高度。设置为 false，则可以提高加载性能。
            fitColumns: true,//真正的自动展开/收缩列的大小，以适应网格的宽度，防止水平滚动。
            pageList: [20, 50, 100,200],//在设置分页属性的时候初始化页面大小选择列表。
		    //表格的列
		    columns: [[
		        {
		            field: 'ACCOUNTBODY',//域值
		            title: '交易主体',//标题
		            sortable: false,//启用排序
		            formatter:function (value,row) {
		                if (row.BODY_TYPE) {
		                    return value+'<span class="badge" style="color: white;">'+row.BODY_TYPE +'</span>';
		                }else {
		                    return value
		                }
		            }
		        },
		        {
		            field: 'ACCOUNTBODYCARD',//域值
		            title: '交易主体卡号'//内容
		        },
		        {
		            field: 'ACCOUNTRIVAL',//域值
		            title: '交易对手',//内容
		        },
		        {
		            field: 'ACCOUNTRIVALCARD',//域值
		            title: '交易对手卡号',//内容
		            formatter:function (value,row) {
		                if (value){
		                    return '<a onclick="showAccountBody(\''+value+'\',\''+row.ACCOUNTRIVAL+'\')" style="cursor:pointer;">'+value+'</a>'
		                }
		            }
		        },
		        {
		            field: 'ACCOUNTMONEY',//域值
		            title: '交易总金额',//内容
		            sortable: true,//启用排序
		            formatter:function (value,row,index) {
		                if(!value) return 0;
		                if (Number.isInteger(value)) {
		                    return value.toString().replace(/(\d)(?=(\d{3})+$)/g,'$1,');
		                } else {
		                    return value.toString().replace(/(\d)(?=(\d{3})+\.)/g,'$1,');
		                }
		            }
		        },
		        {
		            field: 'CREATEID',//域值
		            title: '交易总次数',//内容
		            sortable: true,//启用排序
		            formatter:function (value,row) {
		                return '<a data-toggle="modal" data-target="#myModal" onclick="accountBodyDetail(\''+row.ACCOUNTBODYCARD+'\',\''+row.ACCOUNTRIVALCARD+'\')" style="cursor:pointer;">'+value+'</a>'
		            }
		        },{
		            field: 'TRADEDATE',//域值
		            title: '最早交易时间',//内容
		            sortable: true,//启用排序
		            formatter: function(value, row, index){
		                if(value){
		                    var date = new Date(value);
		                    return formatDate(date, 'yyyy-MM-dd hh:mm:ss');
		                }else{
		                    return '-';
		                }
		            }
		        },{
		            field: 'CREATETIME',//域值
		            title: '最晚交易时间',//内容
		            sortable: true,//启用排序
		            formatter: function(value, row, index){
		                if(value){
		                    var date = new Date(value);
		                    return formatDate(date, 'yyyy-MM-dd hh:mm:ss');
		                }else{
		                    return '-';
		                }
		            }
		        },
		    ]],
		    onLoadSuccess: function (result) {
		        $("span").click(function(){
		            $(this).nextAll("span").remove();
		        });
		    },
		});
    }
    function accountBodyDetail(bodynumber,rivalNumber){
        var param = {
            accountBodyCard : bodynumber,
            rivalNumber : rivalNumber,
            sortName:this.sortName,
            sortOrder:this.sortOrder
        }
        var d = top.dialog({
            title : '账单交易详情',
            modal : true,
            url : '${ctx}/bill/stream/inaccountStatisticsDialogInit',
            height : 800,
            width : 1500,
            data : param,
            onshow : function () {
            }
        });
        d.show();
        return false;
    }
    function reset(){
        $("#accountBody").val('');
        $("#accountBodyNumber").val('');
        $("#accountBodyCard").val('');
        $("#accountAddress").val('');
        $("#remarks").val('');
        $("#starTime").val('');
        $("#endTime").val('');
    };
    function exportList(){
        let accountBody = $.trim($("#accountBody").val());
        let accountBodyNumber = $.trim($("#accountBodyNumber").val());
        let accountBodyCard = $.trim($("#accountBodyCard").val());
        let accountAddress = $.trim($("#accountAddress").val());
        let remarks = $.trim($("#remarks").val());
        let starTime = $.trim($("#starTime").val());
        let endTime = $.trim($("#endTime").val());
        window.location.href="${ctx}/bill/tj/status/export?accountBody="+accountBody+"&accountBodyNumber="+accountBodyNumber+"&accountBodyCard="+accountBodyCard
            +"&accountAddress="+accountAddress+"&remarks="+remarks+"&starTime="+starTime+"&endTime="+endTime;
    };

    function _checkedCallback(){
        queryList();
    };
    $('button[data-event=d3Show]').on('click', function() {
    	var d = dialog({
            title: '账单主体交易关系图',
            modal:true,
            url: '${ctx}/bill/tj/getInStreamAccountD3Init',
            height:800,
            width:1500,
            onshow: function () {
        	}
        });
        d.show();
    	return false;
    });
    
    /*列显示下拉框*/
    var cmenu;
    function createColumnMenu(){
        cmenu = $('<div/>').appendTo('body');
        cmenu.menu({
            onClick: function(item){
                if (item.iconCls == 'icon-ok'){
                    $('#dg').datagrid('hideColumn', item.name);
                    cmenu.menu('setIcon', {
                        target: item.target,
                        iconCls: 'icon-empty'
                    });
                } else {
                    $('#dg').datagrid('showColumn', item.name);
                    cmenu.menu('setIcon', {
                        target: item.target,
                        iconCls: 'icon-ok'
                    });
                }
            }
        });
        var fields = $('#dg').datagrid('getColumnFields');
        for(var i=0; i<fields.length; i++){
            var field = fields[i];
            var col = $('#dg').datagrid('getColumnOption', field);
            cmenu.menu('appendItem', {
                text: col.title,
                name: field,
                iconCls: 'icon-ok'
            });
        }
    };
    /** 金额格式化 **/
    function fzTotal(totalAmount){
    	if(totalAmount == null){
    		return 0;
    	}
        var  dotTotalAmount = totalAmount.toString().split(".");
        if(dotTotalAmount[0].length > 4){
            var AmountWan = dotTotalAmount[0].substring(0,dotTotalAmount[0].length-4);
            var lastAmount = dotTotalAmount[0].replace(AmountWan,"");
            lastFiAmount = fzLast(lastAmount);
            totalAmount = AmountWan+"."+lastFiAmount+'<span class="bigCase-wan">万</span>';
        }
        if(dotTotalAmount[0].length >8 ) {
            var AmountYi = dotTotalAmount[0].substring(0,dotTotalAmount[0].length-8);
            var lastAmount = dotTotalAmount[0].replace(AmountWan,"");
            lastFiAmount = fzLast(lastAmount);
            totalAmount = AmountYi+"."+lastFiAmount+'<span class="bigCase-wan">亿</span>';
        }
        return totalAmount;
    };
    function fzLast(lastAmount) {
        var lastSeAmount = lastAmount.substring(1,2);;
        var  lastFiAmount = lastAmount.substring(0,1);
        if(lastSeAmount>4) {
            lastFiAmount = parseFloat(lastFiAmount)+1
        }
        return lastFiAmount;
    };
</script>
<style>
	button.btn.btn-primary-fullScreen{
		border: transparent;
		height: 24px;
		background: url(../../../imgs/icon-relative.png);
		background-size: 20px;
		background-repeat: no-repeat;
		background-position: center center;
		display: inline-block;
		width: 50px;
		height: 35px;
	}
	.content {
		background-color: #eef3f7;
	}
	.billStatus-bigCase{
		background-color: #fff;
		overflow: hidden;
		padding-bottom: 50px;
		padding-top: 40px;
		padding-left: 20px;
	}
	.billStatus-bigCase li{
		float: left;
		border-right:1px solid #e8e8e8;
	}
	.billStatus-bigCase li:last-child{
		border-right: none;
	}
	.billStatus-bigCase li .bigCase-stitle{
		color: #A9A9A9;
		margin-bottom: 5px;
	}
	.billStatus-bigCase li .bigCase-btitle{
		font-size: 20px;
	}
	.bigCase-wan{
		font-size: 14px;
		color: #A9A9A9;
		margin-left: 5px;
	}
	.bigCase-title{
		width: 22%;
	}
	.bigCase-totalMoney,.billStatus-flowInto,.billStatus-flowOut,.billStatus-bill,.billStatus-size,.billStatus-selected,.billStatus-imported{
		width: 11%;
		text-align: center;
	}
	.billStatus-chartAnalysis{
		overflow: hidden;
		background-color: #fff;
		margin-top: 15px;
		padding-left: 15px;
	}
	.billStatus-bChartContent,.billStatus-pChartContent{
		width: 49%;
		float: left;
	}
	.billStatus-bChartContent{
		margin-right: 15px;
	}
	.billStatus-barChart{
		border-bottom: 1px solid #e8e8e8;
		height: 45px;
		line-height: 50px;
	}
	.billStatus-pieChart{
		border-bottom: 1px solid #e8e8e8;
		height: 45px;
		line-height: 50px;
	}
	#main,#billStatus-bingMap{
		margin-top: 15px;
	}
	.form-group.form_z.ml10 {
		margin-right: 5px;
	}
	a {
		color: #337AC6;
	}
	span#spantitle {
		font-size: 14px;
		font-weight: 800;
		line-height: 30px;
		top:5px;
	}
	input.error { border: 1px solid red; }
	label.error {
		background:url("./demo/images/unchecked.gif") no-repeat 0px 0px;
		padding-left: 16px;
		padding-bottom: 2px;
		font-weight: bold;
		color: #EA5200;
	}
	.badge{
		background-color: #f7051f;
	}
	.box {
		padding: 0;
	}
	.box-body {
		min-height: 480px;
		margin-bottom: -18px;
	}
	.box-header .row label{
		margin-right: 5px;
		color: #6f7689;
		font-size: 13px;
		font-weight: 400;
	}
	.bill-buttonarea .btn{
		width: 70px;
		margin-right: 10px;
	}
	.box-header .form-group{
		margin-right: 25px;
	}
	.ml10{
		margin-left: 0px;
	}
	.btn-primary:active:focus{
		background-color: #4695ed;
		border-color: #4695ed;
	}
	.table{
		table-layout: fixed;
	}
	.btn-primary{
		background-color:#4695ed;
		border-color:#4695ed;
	}
	.btn-primary:hover, .btn-primary:active, .btn-primary.hover{
		background-color:#61a8f5;
		border-color:#61a8f5;
	}
	.btn-primary.focus, .btn-primary:focus{
		background-color:#4695ed;
		border-color:#4695ed;
	}
	.form-control{
		border-radius:4px;
		border-color: #e4e4e4;
	}
	.input-group .form-control:first-child{
		border-top-right-radius:4px;
		border-bottom-right-radius: 4px;
	}
	.form-control:focus{
		border-color:#4695ed;
	}
	.form-control:hover{
		border-color:#4695ed;
	}
	.form-group.ml10 {
		margin-bottom: 12px;
	}
	.casemanage-switchBtn {
		margin-top: -2px;
		margin-right: 10px;
	}
	.fixed-table-pagination {
		margin-top: 15px;
	}
	element.style {
		height: 103%!important;
		width: 100%;
	}
</style>
</body>
<#include "../common/footer.htm">
